html, body { margin: 0px; padding: 0px; clear: both; overflow: hidden; background-repeat: no-repeat; background-image: url("../images/app/common/mybg.jpg"); min-height: 100%; width: 100%; background-size: 100%; height: auto; }

html { background-position: center bottom; height: auto; }

p { margin: 0; padding: 0px; }

.oneContainer { margin-top: 7.77778rem; padding: 0px 10px; box-sizing: border-box; }

.oneContainer .couponBox { border: 2px dashed #e83928; border-radius: 10px; padding: 20px; box-sizing: border-box; width: 90%; margin: 0 auto; }

.oneContainer .couponBox .coupon_pink, .oneContainer .couponBox .coupon_red { width: 13.94444rem; height: 6.16667rem; margin: 0 auto; clear: both; overflow: hidden; background-image: url("../images/app/common/pinkbg.png"); background-repeat: no-repeat; background-size: cover; }

.oneContainer .couponBox .coupon_pink .leftFlag, .oneContainer .couponBox .coupon_red .leftFlag { width: 5.83333rem; height: 6.16667rem; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; float: left; text-align: center; font-size: 1.11111rem; }

.oneContainer .couponBox .coupon_pink .leftFlag .text, .oneContainer .couponBox .coupon_red .leftFlag .text { width: 100%; text-align: center; color: #fff; line-height: 1.5; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4); }

.oneContainer .couponBox .coupon_pink .rightText, .oneContainer .couponBox .coupon_red .rightText { float: right; width: 7.22222rem; overflow: hidden; padding-top: 1.25rem; }

.oneContainer .couponBox .coupon_pink .rightText .number, .oneContainer .couponBox .coupon_red .rightText .number { text-align: center; line-height: 1; font-size: 1.11111rem; font-weight: bold; color: #fff; }

.oneContainer .couponBox .coupon_pink .rightText .logo, .oneContainer .couponBox .coupon_red .rightText .logo { height: 1.66667rem; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.oneContainer .couponBox .coupon_pink .rightText .logo img, .oneContainer .couponBox .coupon_red .rightText .logo img { max-height: 1.66667rem; max-width: 5.55556rem; margin: 0 auto; }

.oneContainer .couponBox .coupon_pink .rightText p, .oneContainer .couponBox .coupon_red .rightText p { font-size: 0.33333rem; color: #fff; }

.oneContainer .couponBox .nodata { width: 100%; }

.oneContainer .couponBox .des_coupon { width: 70%; margin: 10px auto; color: #666; font-size: 0.33333rem; }

.oneContainer .couponBox .coupon_red { background-image: url("../images/app/common/redbg.png"); }

@media only screen and (max-width: 379px) { html { font-size: 18px; } }

@media only screen and (min-width: 380px) and (max-width: 399px) { html { font-size: 21px; } }

@media only screen and (min-width: 400px) and (max-width: 439px) { html { font-size: 22px; } }

@media only screen and (min-width: 440px) and (max-width: 479px) { html { font-size: 24px; } }

@media only screen and (min-width: 480px) and (max-width: 639px) { html { font-size: 27px; } }

@media only screen and (min-width: 640px) and (max-width: 679px) { html { font-size: 38px; } }

@media only screen and (min-width: 750px) { html { font-size: 42px; } }
